<template>
  <div style="display: flex;align-items: center;">
    <img style="height: 100%;margin-right: 5px;"
         src="../../assets/username.png"
         alt="">
    <input type="text"
    placeholder="用户名"
           style="width:90%;height: 100%;margin-right: 5px;"
           class="input">
  </div>
</template>

<script>
export default {
  props: {
    value: String,
    styles: Object,
  },
  data () {
    return {
      input: ''
    }
  }
}
</script>

<style  scoped>
.input {
  background: rgba(255, 255, 255, 0.02);
  border-radius: 8px;
  border: 1px solid #507595;
  padding:0 20px;
  color: white;
  font-size: 20px;
}
</style>